// components/navbar/navbar.js
Component({
  properties: {
    // 标题设置
    title:{
      type:String,
      value:''
    },
    titleFontSize: {
      type: String,
      value: "32rpx"
    },
    titleColor: {
      type: String,
      value: 'black'
    },
    // 按钮设置
    backShow:{
      type:Boolean,
      // value:false,
      value:true
    },
    homeShow: {
      type: Boolean,
      // value: false,
      value:true
    },
    // 背景色设置
    backgroundColor: {
      type: String,
      value: null
    },
    statusbarBackgroundColor:{
      type: String,
      // value: '#ededed',
      value: 'white'
    },
    mainbarbarBackgroundColor: {
      type: String,
      // value: '#ededed',
      value: 'white'
    },
    // 图标大小设置
    iconSize:{
      type: String,
      value: '60rpx'
    }
  },
  data: {
    statusbarStyle: null,
    mainbarbarStyle: null,
    platformHeight:null,
  },
  methods: {
    handleBack(){
      wx.navigateBack()
    },
    handleBackHome(){
      wx.switchTab({
        url:"/pages/index/index"
      })
    }
  },
  lifetimes:{
    attached: function () {
      let phoneInfo = wx.getSystemInfoSync()    
      
      // 设置占位块的高度
      let platformHeight = phoneInfo.statusBarHeight + (phoneInfo.system.startsWith('iOS') ? 44 : 48)
      //  样式设置
      let statusbarStyle = `
        height:${phoneInfo.statusBarHeight}px;
        background-color:${this.data.backgroundColor||this.data.statusbarBackgroundColor};
      `
      let mainbarbarStyle = `
        height:${phoneInfo.system.startsWith('iOS')?44:48}px;
        background-color:${this.data.backgroundColor ||this.data.mainbarbarBackgroundColor};
        font-size:${this.data.titleFontSize};
        color:${this.data.titleColor};
      `      
      this.setData({
        statusbarStyle,
        mainbarbarStyle,
        platformHeight
      })
    },
  },
  // 改变状态栏的颜色
  // 建议设置在app.json中
  // pageLifetimes:{
  //   show: function () {
  //     wx.setNavigationBarColor({
  //       frontColor: '#000000', // 或者"#ffffff"
  //       backgroundColor: '#777777', // 这个没用但是必填
  //     })
  //   },
  // }
})
